<template>
	<view style="width: 100%;">
<view class="box" v-for="item,index in messageInfoList">
	<MessageTagDetail :imgSrc="item.imgSrc" :username="item.username" :date="item.date"></MessageTagDetail>
</view>
	</view>
</template>

<script>
	import MessageTagDetail from '@/componts/message/MessageTagDetail/MessageTagDetail.vue'
	export default {
		components:{
			MessageTagDetail
		},
		data() {
			return {
				messageInfoList:[
					{
						imgSrc:'/static/img/message_icon/user.png',
						username:"小红",
						date:"2023-5-13"
					},
					{
						imgSrc:'/static/img/message_icon/user.png',
						username:"小红",
						date:"2023-5-13"
					},
					{
						imgSrc:'/static/img/message_icon/user.png',
						username:"小红",
						date:"2023-5-13"
					}
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
.box {
	width: 100%;

}

</style>
